<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
  <title>SEVENTEEN</title>
  <link rel="stylesheet" href="./css/font-awesome-4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="./js/swiper/swiper.min.css" />
  <link rel="stylesheet" href="./css/animation.css">
  <link rel="stylesheet" href="./css/reset.css" />
  <link rel="stylesheet" href="./css/style.css" />
  <script src="./js/swiper/swiper.min.js"></script>
  <script src="./js/common/vue.3.2.js"></script>
</head>

<body>
  <div id="ny">
    <!-- Header -->
  <header class="header up-move-down">
    <div class="container">
      <a href="index.html" class="logo">
        <img src="./images/logo.png" alt="SEVENTEEN" />
      </a>

      <nav class="main-nav">
        <ul class="top">
          <li><input type="text" placeholder="输入查找项..."></li>
          <li><a href="#"><i class="fa fa-search"></i></a></li>
        </ul>
        <ul class="bottom">
          <li><a href="index.html" class="active">首页</a></li>
          <li>
            <a href="detail.html">关于</a>
            <ul class="menu-2 bown-move-up">
              <li><a href="news.html">相关新闻</a></li>
              <li><a href="dynamic.html">近期动态</a></li>
            </ul>
          </li>
          <li><a href="news.html">相关新闻</a></li>
          <li><a href="dynamic.html">近期动态</a></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </nav>
    </div>
  </header>

    <!-- banner -->
    <section class="ny-banner">
      <img class="wh-full" src="./images/banner.png" alt="">
    </section>

    <!-- location -->
    <section class="location">
      <div class="lw">
        <div class="location-full animate-left-move-right">
          <a href="/index">首页</a>
          &gt;<a href="/about">权顺荣</a>
        </div>
        <div class="location-nav animate-left-move-right">
          <h1>权顺荣</h1>
          <ul>
            <li class="act"><a href="detail.html">关于</a></li>
            <li><a href="news.html">相关新闻</a></li>
            <li><a href="dynamic.html">近期动态</a></li>
            <li><a href="#">联系我们</a></li>
          </ul>
        </div>
      </div>
    </section>

    <!-- Executive Team -->
    <section id="team-detail">
      <div class="lw">
        <div class="left animate-left-move-right">
          <div class="intro animate-left-move-right">
            <div class="img">
              <img src="./images/banner.png" alt="" class="wh-full">
            </div>
            <div class="info">
              <h1 class="animate-left-move-right">权顺荣</h1>
            <p class="animate-left-move-right">主舞、PERFORMANCE TEAM队长</p>
            </div>
          </div>
          <a href="javascript:history.back(-1)" class="btn animate-left-move-right">返回上页</a>
        </div>
        <div class="right">
          <div class="right-header animate-right-move-left">
            <h1>介绍</h1>
          </div>
          <div class="right-content animate-right-move-left">
            <ul>
              <li>权顺荣（권순영，Kwon Soon Young），艺名HOSHI（호시），1996年6月15日出生于韩国京畿道南杨州市，韩国流行乐男歌手，韩国男子演唱组合SEVENTEEN成员、分队PERFORMANCE TEAM队长、夫硕顺成员。</li>
              <li>2015年5月，权顺荣所属组合发行首张迷你专辑《17 CARAT》，并以SEVENTEEN成员身份正式出道。</li>
              <li>2016年1月，随组合获得第30届金唱片大赏和第25届首尔歌谣大赏的新人奖 ；4月，随组合发行首张正规专辑《LOVE&LETTER》 。</li>
              <li>2018年，凭借数字单曲《Just do it》以小分队“夫硕顺”成员的身份进行活动 ；5月，随组合发行首张日语迷你专辑《WE MAKE YOU》并在日本出道 。</li>
              <li>2019年，与队友共同参加2019Mnet亚洲音乐大奖颁奖典礼，并获得该奖项“突破成就奖”及“全球粉丝选择TOP10” 。</li>
              <li>2021年1月10日，随SEVENTEEN组合获得第35届金唱片大奖专辑部门本赏 ；4月，发布个人Mixtape单曲《Spider》 。</li>
              <li>2022年，所在组合获得2022年MTV欧洲音乐奖最佳新人奖和Best Push奖 。</li>
              <li>2023年2月，随夫硕顺发行单曲专辑《SECOND WIND》并凭借该专辑获得第15届韩国甜瓜音乐奖“十大百万销量艺人”奖和第8届亚洲明星盛典年度最佳表演大赏 ；10月，随组合发行第十一张迷你专辑《SEVENTEENTH HEAVEN》，该专辑一经上线便席卷Melon、GENIE、Bugs等音乐平台的排行榜 。</li>
              <li>2024年1月，随夫硕顺凭借《Fighting》获得第38届韩国金唱片奖数字音源本赏 ；4月，所属组合发行首张韩语精选辑《17 IS RIGHT HERE》 。</li>
              <li>2025年5月26日，发行十周年纪念专辑回归。</li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <script type="module">
      var app = Vue.createApp({
        data() {
          return {
          };
        },
        mounted() {
          this.init()
        },
        methods: {
          init() {
            console.log('vue已挂载');
          }
        },
      })
      app.mount("#team-detail");
    </script>



    <!-- Footer -->
  <footer class="footer">
    <div class="lw">
      <div class="footer-top">
        <img class="logo" src="./images/logo.png" alt="">
        <p>本网站上的所有文字、图片和其他内容均为 © xxxxx 版权所有，保留所有权利。</p>
      </div>
      <div class="footer-bottom">
        <div class="title">
          <h1>联系我们</h1>
          <a href="#" class="wxIcon">
            <i class="fa fa-weixin"></i>
          </a>
        </div>
        <div class="content">
          <p>地址: xx省 xx市 xxxxx地址</p>
          <p>邮政编码:123456</p>
          <p>传真号码:86-512-12345678</p>
          <p>联系电话:86-512-12345678</p>
          <p style="text-align: right;">©2025 xxxx 版权所有</p>
        </div>
      </div>
    </div>
  </footer>

  </div>

  <!-- JavaScript -->
  <script src="./js/common.js"></script>
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      initAll()
    })
  </script>
</body>

</html>